<!DOCTYPE html>
<html>
<head>
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <a class="btn btn-primary" id="flushButton" style="margin: 5px;" data-button-type="flush">Flush</a>
    <div>
        <p id="message"></p>
    </div>
	<table class="table">
        <thead>
          <tr>
            <th scope="col">#</th>
            <th scope="col">username</th>
            <th scope="col">country</th>
            <th scope="col">content</th>
            <th scope="col">time</th>
            <th scope="col">photos</th>
            <th scope="col"></th>
          </tr>
        </thead>
        <tbody id="data-body">
        </tbody>
      </table>

    
    <script src="js/jquery.min.js"></script>
    <script src="js/data-grid.js"></script>
</body>
</html>